﻿<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie8" lang="en"><![endif]-->
<!--[if IE 9 ]><html class="ie9" lang="en"><![endif]-->
<!--[if (gte IE 10)|!(IE)]><!-->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<!--<![endif]-->
<!--[if lt IE 10]>
			<script src="/content/js/jquery.placeholder.min.js"></script>
<![endif]-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <!-- Apple devices fullscreen -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- Apple devices fullscreen -->
    <meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />

    <title>Chicken Language</title>

    <link rel="stylesheet" type="text/css" href="/content/bootstrap/css/bootstrap.min.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/content/css/style.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/content/css/icons.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/content/css/animate.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/content/css/everslider.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/content/css/flexy-menu.css" media="screen" />

    <!-- Favicon -->
    <link rel="shortcut icon" href="images/fav.png">

    <!--[if IE]>
		<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=EmulateIE8; IE=EDGE" />
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>

<body>
    <div id="layout" class="full">
        <header>
            <div class="top-header">
                <div class="row clearfix">
                    <div class="grid_6 social_top animated alpha" data-gen="fadeInLeft">
                        <ul>
                            <li><a href="#" target="_blank" title=""><i class="fa-facebook"></i></a></li>
                            <li><a href="#" target="_blank" title=""><i class="fa-twitter"></i></a></li>
                            <li><a href="#" target="_blank" title=""><i class="fa-google-plus"></i></a></li>
                            <li><a href="#" target="_blank" title=""><i class="fa-linkedin"></i></a></li>
                            <li><a class="show-more"><i class="fa-chevron-down"></i></a>
                            </li>
                        </ul>
                        <div class="social-hidden">
                            <ul>
                                <li><a href="#" target="_blank" title=""><i class="fa-pinterest"></i></a></li>
                                <li><a href="#" target="_blank" title=""><i class="fa-flickr"></i></a></li>
                                <li><a href="#" target="_blank" title=""><i class="fa-youtube"></i></a></li>
                                <li><a href="#" target="_blank" title=""><i class="fa-dribbble"></i></a></li>
                                <li><a href="#" target="_blank" title=""><i class="fa-rss"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="grid_6 user_menu omega animated" data-gen="fadeInRight">
                        <ul>
                            <li><a class="modalLink login" id="login-link" href="#modal-login" title="">Login</a></li>
                            <li><a class="register" href="reg.html" title="">Register</a></li>
                            <li class="drop-down-lg"><a class="no-bor " href="#">English <i class="fa-chevron-down"></i></a>
                                <ul>
                                    <li class="deco"><a></a></li>
                                    <li><a class="no-bor " href="#">Vietnamese</a> </li>
                                    <li><a class="no-bor " href="#">French</a> </li>
                                    <li><a class="no-bor " href="#">Chinese</a> </li>
                                    <li><a class="no-bor " href="#">English</a> </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="menu">
                <div class="row clearfix">
                    <div class="grid_12 omega alpha">
                        <!-- Nav -->
                        <nav id="nav">
                            <ul class="flexy-menu">
                                <li class="active"><a href="index.html">Home</a></li>
                                <li><a href="news.html">Daily Conversations</a></li>
                                <li><a href="news.html">Daily idioms</a></li>
                                <li><a href="news.html">listening</a></li>
                                <li><a href="news.html">Study English Effective</a></li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>
                        </nav>
                        <!-- /Nav -->
                    </div>
                </div>
            </div>
        </header>
        <section>
            <div class="row clearfix">
                @this.RenderBody()
                <div class="grid_3 omega alpha" id="second-div">
                    <div class="grid_12 omega alpha">
                        <div class="main-title">
                            <h2>Search</h2>
                        </div>
                        <div class="search-box">
                        </div>
                    </div>
                    <div class="grid_12 omega alpha">
                        <div class="main-title">
                            <h2>Read</h2>
                        </div>
                        <div class="text-read">
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <footer>
            <div class="footer-copy">
                <div class="row clearfix">
                    Copyright 2013 © Chicken Language
                </div>
            </div>
        </footer>
    </div>

    <script type="text/javascript" src="/content/js/jquery.min.js"></script>
    <script type="text/javascript" src="/content/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/content/js/theme20.js"></script>
    <script type="text/javascript" src="/content/js/flexy-menu.js"></script>
    <script type="text/javascript" src="/content/js/jquery.flexslider-min.js"></script>
    <script type='text/javascript' src='/content/js/jquery.modal.js'></script>
    <script type="text/javascript" src="/content/js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="/content/js/jquery.mousewheel.js"></script>
    <script type="text/javascript" src="/content/js/jquery.everslider.min.js"></script>
    <script type="text/javascript" src="/content/js/custom.js"></script>
</body>
</html>
